class Observer {
    constructor(data) {
        this.walk(data)
    }

    // 轮询对象
    walk(data) {
        // 只有data为object对象时，才轮询其属性
        if (data && typeof data === 'object') {
            Object.keys(data).forEach(key => {
                this.defineReactive(data, key, data[key])
            })
        }
    }

    // 添加拦截
    defineReactive(data, key, val) {
        const that = this
        // 创建dep对象
        const dep = new Dep()
        // 如果val是一个对象，为对象的每一个属性添加拦截
        this.walk(val)
        Object.defineProperty(data, key, {
            enumerable: true,
            configurable: true,
            get() {
                // 添加依赖
                // 在watcher中，获取属性值的时候，会把相应的观察者添加到Dep.target属性上
                Dep.target && dep.addSub(Dep.target)
                return val
            },
            set(newValue) {
                if (val === newValue) {
                    return
                }
                // 如果赋值为一个对象，为对象的每一个属性添加拦截
                that.walk(newValue)
                val = newValue
                // 触发更新
                dep.notify()
            }
        })
    }
}